<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>我的</title>
</head>

<body class="df fdc">
  <!-- 主要内容 -->
  <main class="flex overflow p30 cf">

    <div class="moveNav df jcb aic mt20">
      <div class="navL">
        <p class="lR f12">户外跑</p>
        <p class="lS f22 fwb">运动中</p>
      </div>
      <div class="navR">
        <span class="iconfont icon-sport"></span>
        <span class="iconfont icon-home"></span>
      </div>
    </div>

    <div class="moveM df jcc aic">
      <p class="f20">
        <span id="kil" class="fwb">99.99</span>
        公里
      </p>
    </div>

    <div class="moveSeg df jcb aic">
      <p class="f12">GPS信号度低, 数据精准度低</p>
      <div class="line bcf"></div>
      <span class="iconfont icon-map"></span>
    </div>

    <div class="moveReckon df jcc aic">

      <div class="df fdc jcs tac aic jcc">
        <span class="iconfont icon-pace"></span>
        <p class="f12">配速</p>
        <p class="f30">--</p>
      </div>

      <div class="recCenter df fdc jcs aic jcc tac">
        <span class="iconfont icon-time"></span>
        <p class="f12">用时</p>
        <p class="f30">00:00:<span id="recTime">20</span>
        </p>
      </div>

      <div class="df fdc jcs tac aic jcc">
        <span class="iconfont icon-calorie"></span>
        <p class="f12">千卡</p>
        <p class="f30">3000</p>
      </div>

    </div>

    <div class="moveLast mt20 df fdc">

      <div class="lastTop mt20 tac df aic jcs" id="LastBtn">
        <span class="kong"></span>
        <div class="lT bcf br50 h120 w120 df jcc aic" id="ltBtn">
          <span class="iconfont icon-stop" id="iPlay"></span>
        </div>
        <span class="iconfont icon-circle"></span>
      </div>

      <div class="lastBom mt20 tac df jcs p30" id="bomBtn">
        <div class="tT bcf br50 h120 w120 df jcc aic" id="contBtn">
          <span class="iconfont icon-play"></span>
        </div>
        <div class="bT bcf br50 h120 w120 df jcc aic" id="endBtn">
          <span class="iconfont icon-over"></span>
        </div>
      </div>

    </div>




  </main>
</body>

</html>